<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="btn">按钮</button>
    <script>
      /* 本案例需求:  点击按钮在浏览器的控制台输出hello
      (1)请找出下列代码产生的bug
          如何找出来的?
          原因分析:
      (2)如果想要实现正确的需求,应该如何实现
    */
      // const btn = document.querySelector('#btn')
      // btn.addEventListener(click, function () {
      //   console.log('hello')
      // })

      const btn = document.querySelector("#btn")
      btn.addEventListener("click", function () {
        console.log("hello")
      })
    </script>
  </body>
</html>
